
let addIndex;
let editIndex;
// ------------------------------------  添加数据 ------------------------
// 点击 添加用户 ，出现弹层
$('button:contains("添加")').on('click', function () {
  // 实现一个弹出层
  // addIndex 用于后面关闭弹层的
  addIndex = layer.open({
    area: ['500px', '300px'],
    title: '添加用户',
    content: $('#tpl-add').html(), // 获取id为tpl-add元素里面的内容，当作弹出层的内容
    type: 1
  });
})


// ------------------------------------  编辑数据 ------------------------
$('tbody').on('click', 'button:contains("编辑")', function () {
  // 下面是实现弹出层的代码
  editIndex = layer.open({
    area: ['500px', '300px'],
    title: '编辑用户',
    content: $('#tpl-edit').html(),
    type: 1,
    // 弹层成功之后，会执行下面的success回调函数
    success: function () {
      console.log('编辑的弹出出来了');
    }
  });
});

// ------------------------------------  删除数据 ------------------------
/**
 * url: '/api/delete
 * data: id
 * type: GET
 */
$('tbody').on('click', 'button:contains("删除")', function () {
  layer.confirm('确定要删除吗？', function (index) {
    console.log('你点了确认按钮');
    layer.close(index); // 关闭窗口
  });
})